<!--  -->
<template>
  <div>
    <div id="secondary_navigation_bar" :class="propsObj.className">
      <ul class="nav_button_list">
        <li v-for="item in propsObj.nav_list" :key="'key' + item.name">
          <router-link tag="div" class="nav_item" :to="{ name: item.name }">{{
            item.label
          }}</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    propsObj: {
      nav_list: {
        type: Array,
        required: true,
      },
      className: {
        type: String,
        required: true,
      },
    },
  },
  data() {
    return {};
  },
  components: {},
  computed: {},
  mounted() {},
  methods: {},
};
</script>
<style  scoped>
</style>